<!--
 * @Author       : 汤姆猫
 * @Date         : 2024-10-03 16:57:50
 * @LastEditTime : 2024-10-05 20:22:08
 * @FilePath     : \freeClass.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>免费课程页</title>
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet/less" href="/css/common.less">
  <link rel="stylesheet/less" href="/css/freeClass.less">
</head>

<body>
  <div id="freeClass">
    <nav class="navbar navbar-inverse nav-bg">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- logo -->
          <a class="navbar-brand logo" href="#"> <img src="/images/index/sskoo.com.png" alt=""></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="index.html">首页</a></li>
            <li class="active"><a href="freeClass.html">免费课程</a></li>
            <li><a href="career.html">职业路径</a></li>
            <li><a href="actual.html">实战课程</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">Language <span class="caret"></span></a>
              <ul class="dropdown-menu menu-bg">
                <li><a href="#">中文简体</a></li>
                <li><a href="#">中文繁体</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div>
    </nav>
    <div id="head">
      <div class="headBox">
        <div class="image">
          <img src="/images/freeClass/163711142.png" alt="">
          <div class="shadow"></div>
        </div>

        <p class="p1">培训 · 商业实战项目演练</p>
        <p class="p2">高端高效必杀技，让您如鱼得水，升职加薪</p>
      </div>
    </div>
    <div id="content">
      <div class="contentBox">
        <div class="left">
          <div class="up">
            <h3>开发前端全家桶项目VUE/Node/ MongoDB高级技术全覆盖 </h3>
            <p class="txt">Java SpringBoot带前后端企业级博客系统 </p>
            <div class="priceBox">
              <span class="know">了解课程</span>
              <span class="num">¥299.00</span>
            </div>
          </div>
          <div class="itemLeft">
            <h5>对接真实数据从0开发前后端分离企业级上限项目</h5>
            <div class="priceBox">
              <span class="know">了解课程</span>
              <span class="num">¥299.00</span>
            </div>
          </div>
          <div class="itemLeft">
            <h5>BAT大咖助力全面升级面试操作系统将 会跟简单易操作</h5>
            <div class="priceBox">
              <span class="know">了解课程</span>
              <span class="num">¥299.00</span>
            </div>
          </div>
          <div class="itemLeft">
            <h5>全网热搜入门+进阶，更快上手，实际开 发新端口目</h5>
            <div class="priceBox">
              <span class="know">了解课程</span>
              <span class="num">¥299.00</span>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/2077680.png" alt="">
            </div>
            <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
            <p class="introduce">全新改版课程 实战 初级</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/freeClass/164772048.png" alt="">
            </div>
            <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
            <p class="introduce">全新改版课程 实战 初级</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
        </div>
        <div class="right">
          <div class="top">
            <ul class="breadcrumb" id="breadcrumb">
              <li><a href="" class="active">全部</a></li>
              <li><a href="">前端开发</a></li>
              <li><a href="">后端开发</a></li>
              <li><a href="">全栈开发</a></li>
              <li><a href="">移动开发</a></li>
            </ul>
          </div>
          <div class="classList">
            <div class="item">
              <div class="image">
                <img src="/images/freeClass/164772048.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/155348574.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/164772048.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/freeClass/204184698 拷贝.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images//freeClass/178701800.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/185186976.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/new_201039852.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/204184698.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/2077680.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/2077680.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images//freeClass/168806228 拷贝.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/209739992.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="footer">
      <div class="footer-box">
        <div class="left">
          <div class="up">
            <p>公司简介</p>
            <p>联系方式</p>
            <p>人才招聘</p>
          </div>
          <div class="down">
            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
          </div>
        </div>
        <div class="right">
          <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
          <div class="icon"><i class="iconfont icon-dingding"></i></div>
          <div class="icon"><i class="iconfont icon-wenjian"></i></div>
          <div class="code">
            <img src="/images/index/图层 53.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/less.min.js"></script>
<script>
</script>